.page_content{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.pay_box{
	position: relative;
	padding-bottom: 88px;
}
.pay_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -9;
}
.pay_bg>img{
	width: 100%;
}
.optionbox{
	position: relative;
	height: 48px;
	z-index: 99;
	border-bottom: 1px solid #324460;
}
.optionbox>span{
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	width: 50%;
	float: left;
	letter-spacing: 1.5px;
	background: url('../images/option_btn_bg.jpg');
}
.optionbox>.on{
    background: url(../images/option_btn_on.png);
    background-size: 100% 100%;
}


.shop_box{
	display: none;
	width: 100%;
	padding: 4px 4px;
	box-sizing: border-box;
}
.shop_box_on{
	display: block;
}
.coin_li{
	display: block;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 4px 0;
	background: url('../images/coin_li_bg.png');
	background-size: 100% 100%;
}
.coin_li>*{
	display: inline-block;
}
.coin_li>span{
	margin-left: 10px;
	margin-right: 10px;
	width: 44px;
	vertical-align:middle;
}
.coin_li>span>img{
	width: 100%;
}
.coin_li>b{
	font-weight: normal;
	line-height: 44px;
	width: 50%;
	font-size: 1.2rem;
	text-align: center;
}
.coin_li>a{
	color: #460202;
	line-height: 36px;
	float: right;
	padding: 0 20px;
	margin-right: 4px;
	margin-top: 4px;
}


.vip_list{
	padding: 10px 12px;
	padding-bottom: 0px;
}
.vip_list>a{
	display: block;
	width: 100%;
	color: #acacac;
	padding-bottom: 10px;
}
.vip_list>span{
	position: relative;
	display: block;
	float: left;
	width: 31%;
	margin-right: 3%;
	margin-bottom: 3%;
	box-sizing: border-box;
	border: 1px solid #89bdec;
	border-radius: 5px;
	padding: 6px 0px;
	line-height: 1.2rem;
	background: url('../images/vip_option_bg.png');
	background-size: 100% 100%;
	/* 
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ; */
}
.vip_list>.on{
	border: 1px solid #c4a237;
}
.vip_list>span:nth-child(4){
	margin-right: 0;
}
.vip_list>span>*{
	display: block;
	text-align: center;
	margin: 0 auto;
}
.vip_flag{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 54%;
}
.vip_flag>img{
	width: 100%;
}
.vip_icon{
	padding-top: 10px;
	padding-bottom: 6px;
	width: 54%; 
}
.vip_icon>img{
	width: 100%;
}
.vip_list>span>span{
	color: #c4a237;
	line-height: 1.2rem;
	padding-bottom: 4px;
}
.vip_list>span>span>b{
	font-weight: normal;
	font-size: 1.8rem;
	padding-right: 2px;
}
.vip_list>span>a{
	width: 5.4rem;
	color: #FFF;
	padding: 1px 2px;
	border: 1px solid #FFF;
	border-radius: 2px;
	font-size: .75rem;
	line-height: 1.0rem;
	padding-bottom: 2px;
}
.vip_list>span>b{
	font-weight: normal;
	padding-top: 2px;
	color: #c4a237;
	font-size: .7rem;
}